<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>

<body>
    <form action="#" method="post" name="search">
        <input name="save">
        <button>提交按钮</button>
        <!-- type:text单行文本输入框、password密码输入框、radio单选框、checkbox复选框、button普通按钮、submit提交按钮、reset重置按钮、image图片提交按钮、hidden隐藏域、file文件域、email、URL -->
        <!-- value:默认文本值 -->
        <!-- disabled:第一次加载页面时置灰 -->
        <input type="button" name="save2" value="提交按钮2"><br> 文本框：
        <input type="text"><br> 密码框：
        <input type="password"><br>
        <input type="radio">
        <input type="checkbox">
    </form>

    <!-- 文本框 -->
    <textarea name="text" id="" cols="30" rows="10" autofocus placeholder="请输入内容："></textarea>
    <!-- label的for和input的id绑定 -->
    <label for="male">男</label>
    <input type="radio" id="male">
    <label for="female">女</label>
    <input type="radio" id="female">

    <!-- select：size下拉选项可见数、multiple多选  -->
    我的城市：<br>
    <select multiple size="4">
        <option>珠海</option>
        <option>深圳</option>
        <option>广州</option>
        <option>北京</option>
        <option>上海</option>
    </select>

    <!-- 输入框 + 下拉 -->
    <input list="addressList">
    <datalist id="addressList">
        <option>珠海</option>
        <option>深圳</option>
        <option>广州</option>
    </datalist><br> 密码：
    <input type="text"><br> 加密强度：
    <keygen name="security">
    <input type="submit">

    <form oninput="x.value=parseInt(a.value) + parseInt(b.value)">
        <input type="number" id="a" value="50"> +
        <input type="number" id="b" value="50"> =
        <output name="x">100</output>
    </form>

    <!-- autocomplete：on自动提交 -->
    <form action="#" method="get" autocomplete="on">
        <!-- required: 要求警告 -->
        请输入邮箱：
        <input type="email" placeholder="例:123@qq.com" required>
        <input type="submit"><br>
        <input type="url" placeholder="例:http://www.baidu.com/" required>
        <input type="submit">
    </form>

</body>

</html>